<div class="header">
    <span>植物百科</span>
</div>

<div class="Banner">
    <p>搜索植物</p>
    <div class="searchBox">
        <input type="text" class="textBox" value="">
        <button class="searchBut">Search</button>
    </div>
</div>

<div class="knowledge-plantList">


    <div class="knowledge-plantconatin" ng-repeat="plant in vm.plantlist track by $index" ng-click="vm.goDetails(plant)">
            <img src="{{plant.plantpic}}"/>
        <span class="knowledge-title">{{plant.plantname}}</span>
            <img src="images/next.jpg" class="icon"/>
    </div>
</div>

</div>
<div class="personal-tab">
    <div class="personal-tab-content" style="color:darkgrey"  ui-sref="mainpage">
        <span class="glyphicon glyphicon-home"></span>
        <div>主页</div>
    </div>
    <div class="personal-tab-content"  ui-sref="knowledge" >
        <span class="glyphicon glyphicon-th-list" ></span>
        <div>百科</div>
    </div>
    <div class="personal-tab-content personal-out">
        <div style="border-radius: 50%;background-color:whitesmoke; width: 40%;
             margin-left: 30%;">
            <span class="glyphicon glyphicon-plus" style="color: black" ui-sref="addplant" ></span>
        </div>
    </div>
    <div class="personal-tab-content" style="color:darkgrey" ui-sref="collect">
        <span class="glyphicon glyphicon-paperclip"></span>
        <div>关注</div>
    </div>
    <div class="personal-tab-content" style="color:darkgrey" ui-sref="personalcenter">
        <span class="glyphicon glyphicon-user" ></span>
        <div>我的</div>
    </div>
</div>